<template>
  <div id="app">
    <!-- 练习 -->
    <!--  -->
    <!-- <div class="top">
     头部
    </div> -->
    <Top></Top>
    <Hello></Hello>
    <div class="top2"></div>
  </div>
</template>

<script>

//引入组件
import Top from './components/Top.vue'
//逻辑层
export default {//当前的vue实例
    data(){ //在vue组件中 存放数据data=>都是一个函数
      return{
          num:0,
         
          top2:[],
          swper:[],
          list:[]

      }
    },
    components:{ //注册组件
       Top
    },
    methods:{
      add(){
        console.log(this.num); //当前组件的实例
        //data=>数据是响应式的数据=》
        this.num =this.num+1
      }
    }
}
</script>

<style>
 .app{

 }

 .top2{
  height:60px;
  background: red;
 }
</style>
